<template>
    <view class="activity-container">
        <view class="activity-card dark-purple-card">
            <view class="activity-header">
                学习日历
            </view>
            <view class="activity-content">
                <CalendarCom />
                <!-- <wd-calendar z-index="100" v-model="value" label="日期选择" @confirm="handleConfirm" custom-label-class="custom-class"/> -->
            </view>
        </view>
    </view>
</template>

<script setup>
import { ref } from 'vue';
import CalendarCom from '@/pages/HomePage/components/CalendarCom.vue'
const value = ref(Date.now())
// function handleConfirm({ value }) {
//   console.log(value)
// }

</script>

<style>
    .activity-container{
        margin-top: 20px;
    }
    .activity-card{
        display: flex;
        flex-direction: column;
        padding: 15px;
        border-radius: 15px;
    }
    .activity-header{
        font-size: large;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .activity-content{
        margin-left: -15px;
        margin-right: -15px;
    }
    /* :deep(.custom-class){
        background-color: #201b50 !important;
    } */
</style>